<template>
	<!--first-->
	<section class="school-first text-center">
		<div class="container pd100">
			<br /><br />
			<p class="h1">用起来，才是数字化校园的第一步</p>
			<br />
			<div class="row">
				<p class="h4 col-md-8 col-md-offset-2">无论是几十万的选排课系统，几百万的数字化校园，还是上千万的区域云平台，每一款信息化产品，都只有被使用起来，才能发挥真正的价值。</p>
			</div>
			<br /><br />
			<button class="btn btn-primary" type="button" v-link="">预约试用</button>
		</div>
	</section>
	<!--first end-->

	<!--second-->
	<section class="school-second text-center">
		<div class="container">
			<div class="">
				<img src="../assets/img/bullet.svg" alt="" />
			</div>
			<p class="h3">选排课</p>
			<p class="h1">迈好新课改的第一步</p>
			<div class="row">
				<p class="h4 col-md-8 col-md-offset-2">排课是每个学校开学前最头疼的事情，教师的人员变动，学校的课程设置调整，教师进修时间的调整，教育改革的相关政策变化，给老师们带来了极大的挑战。 免费使用

				</p>
			</div>
			<br /><br />
			<button class="btn btn-default btn-lg" type="button">免费使用</button>
			<br /><br />
			<p class="h4">
				<a v-link="'/school'">了解更多&gt;</a>
			</p>
			<br />
			<div class="">
				<img class="" src="../assets/img/window2(1).png" width="960px" />
			</div>
		</div>
	</section>
	<!--second end-->

	<!--three-->
	<section class="school-three text-center">
		<div class="container">
			<div class="">
				<img src="../assets/img/bullet.svg" alt="" />
			</div>
			<p class="h3">过程性评价</p>
			<p class="h1">用数据驱动提升教学质量</p>
			<div class="row">
				<p class="h4 col-md-8 col-md-offset-2">希悦的选排课模块为新课改量身打造，针对分层制、走班制、七选三等场景进行了深度优化，操作简单又功能强大，让学校能够轻松解决选排课难题。
				</p>
			</div>
			<br /><br />
			<button class="btn btn-default btn-lg" type="button">查看案例</button>
			
			<br /><br /><br />
			<p class="h1">过评模板</p>
			<div class="row">
				<p class="h4 col-md-8 col-md-offset-2">80%的老师们认为评价难做，不知道如何设置过评，我们为你内置了集合了多个优质学校教师过评方案的过评资源库，一键采用名校名师的评价方案与教案，就这么简单。
				</p>
			</div>
			<div class="">
				<img class="" src="../assets/img/window2(1).png" width="960px" />
			</div>
			
			<br /><br />
			
			<p class="h1">成绩分析</p>
			<div class="row">
				<p class="h4 col-md-8 col-md-offset-2">每次周考，每次月考，每次大考，数据最终会在这里汇集，帮你形成最能体现学生真实水平的成绩分析报告。
				</p>
			</div>
			<div class="">
				<img class="" src="../assets/img/window2(1).png" width="960px" />
			</div>
		</div>
	</section>
	<!--three end-->
	<section class="school-four"></section>
	<section class="school-five"></section>
	<section class="school-"></section>
</template>

<style type="text/css">
	.school-first {
		padding: 50px 0;
		background: url("../assets/img/bg1.jpg") bottom;
		color: white;
	}
	/**/
	
	.school-second {
		padding: 50px 0;
	}
	/**/
	
	.school-threed {
		padding: 50px 0;
	}
</style>